<template>
	<view class="index">
		<u-navbar :bgColor="'transparent'">
			<view class="u-nav-slot" slot="left">
				<image src="https://qny.yijiumy.com/1855/1855.png" style="height: 22rpx;width: 92rpx;" mode=""></image>
			</view>
			<view class="u-nav-slot" slot="center">
				<u-search placeholder="请输入商品名称" disabled searchIconColor="#ffffff" placeholderColor="#ffffff"
					color="#ffffff" :searchIconSize="18" :inputStyle="{fontSize: '12px'}"
					@click="goGoodSearch()"></u-search>
			</view>
		</u-navbar>
		<!-- -->
		<view class="phone" @click="getPhone" v-if="userInfo.roleIdentification != 'marketing_personnel'&&userInfo.roleIdentification != 'member'&&userInfo.uid" >
			<view class="" style="display: flex;justify-content: center;" >
				<u-icon  name="phone-fill" color="#fff" size="25" ></u-icon>
			</view>
			<view class="">
				{{userInfo.superRealName||'业务员'}}
			</view>
		</view>
		<scroll-view scroll-y="true" style="position: relative;" :style="{'height':'calc( 100vh - 120rpx )'}"
			@scrolltolower="loadMore">

			<view style="width: 100%; height: 946rpx; position: relative;">
				<image src="/static/img/bg001.png" style="width: 100%;height: 946rpx;"></image>
				<view style="padding: 0 30rpx; position: absolute; left: 0; bottom: 0; width: 100%; height: 360rpx;">
					<Banner :detail="banner" v-if="banner.length > 0"></Banner>
				</view>
			</view>
			<view class="slogan">
				<view class="">
					<image src="https://qny.yijiumy.com/1855/icon_1.png" mode=""></image>产地直采
				</view>
				<view class="">
					<image src="https://qny.yijiumy.com/1855/icon_2.png" mode=""></image>原瓶进口
				</view>
				<view class="">
					<image src="https://qny.yijiumy.com/1855/icon_3.png" mode=""></image>正品保真
				</view>
				<view class="">
					<image src="https://qny.yijiumy.com/1855/icon_4.png" mode=""></image>售后无忧
				</view>
			</view>
			<view class=""  style="margin: 0rpx auto 30rpx;width: 690rpx;">
				<Menu  :list='menus' :menu='5' ></Menu>
			</view>
					
			<view class="" style="display: flex;justify-content: space-between;width: 690rpx;margin:0 auto 45rpx;">
				<view class="" style="width: 330rpx;height: 360rpx; position: relative;" @click="GoList(3)">
					<!-- 新品上架 -->
					<image src="https://qny.yijiumy.com/1855/577_icon.png" class="img-covor" lazy-load
						mode="aspectFill"></image>
					<view class="title_top">
						★新品上架★
					</view>
				</view>
				<view class="">
					<!-- 礼盒套装 -->
					<view class="" style="width: 330rpx;height: 165rpx; margin-bottom: 30rpx;position: relative; "
						@click="GoList(1)">
						<image src="https://qny.yijiumy.com/1855/578_icon.png" class="img-covor" lazy-load
							mode="aspectFill">
						</image>
						<view class="title_top">
							★礼盒套装★
						</view>
					</view>
					<!-- 热销专区 -->
					<view class="" style="width: 330rpx;height: 165rpx;position: relative; " @click="GoList(2)">
						<image src="https://qny.yijiumy.com/1855/579_icon.png" class="img-covor" lazy-load
							mode="aspectFill"></image>
						<view class="title_top">
							★热销专区★
						</view>
					</view>
				</view>
			</view>
			<!-- <view class="" style="margin-bottom: 48rpx;">
				<u-notice-bar :text="text1" bgColor='transparent' color="#000" mode='link'></u-notice-bar>
			</view> -->

			<!-- <view class="enterprise">
				<view class="" style="display: flex;justify-content: space-between; padding: 24rpx 24rpx 24rpx 0;">
					<view class="" style="font-weight: bold;font-size: 36rpx;color: #333333;">
						企业咨询
					</view>
					<view>
						<u-icon name="list" size="24" color='#9F2B45'></u-icon>
					</view>
				</view>

				<view class="" style="width: 690rpx,">

					<u-scroll-list indicatorStyle='bottom: 5px;position: relative;' indicatorActiveColor='#888C99'>
						<view class="merchant" v-for="(item,index) in businessList" :key="index"
							@click="goBusiness(item)">

							<view class="flow"
								style="margin-bottom: 8rpx;font-weight: 500;font-size: 28rpx;color: #333333;line-height: 36rpx;;">
								{{item.name}}
							</view>
							<view class=""
								style="font-weight: 500;font-size: 24rpx;color: #9398A2;margin-bottom: 25rpx;">
								{{item.time}}
							</view>
							<view class=""
								style="margin-bottom: 21rpx;width: 504rpx;height: 202rpx;background-color: red;">
								<image :src="item.image" class="img-covor" lazy-load mode="aspectFill"></image>
							</view>
						</view>
					</u-scroll-list>
				</view>
			</view> -->

			<view class="content_box home_content_box">

				<view class="productList">
					<!-- <view class=""
						style="display: flex;justify-content: space-between; width: 690rpx; margin:49rpx auto 27rpx;">
						<view class="" style="font-weight: bold;font-size: 36rpx;color: #333333;">
							今日好货
						</view>
						<view class="" style="display: flex;color: #333333;">
							更多 <u-icon name="arrow-right"></u-icon>
						</view>
					</view> -->

					<helang-waterfall-list :status="waterfall.status" ref="helangWaterfallList" :list="waterfall.list"
						:reset="waterfall.reset" @click="onClick" @done="onDone">
						<template>
							<view v-if="waterfall.status == 'await'">
								<view class="load-txt">上拉加载更多</view>
							</view>
							<view v-else-if="waterfall.status == 'loading'">
								<view class="load-txt">加载中</view>
							</view>
							<view v-else-if="waterfall.status == 'success'">
								<view class="load-txt">加载中</view>
							</view>
							<view v-else-if="waterfall.status == 'finish'">
								<view class="load-txt">没有更多了</view>
							</view>
							<view v-else-if="waterfall.status == 'fail'">
								<image class="load-icon" src="http://qny.yijiumy.com/fail-20240422200728.png"></image>
								<view class="load-txt">出错了，请刷新重试</view>
							</view>
							<view v-else-if="waterfall.status == 'empty'">
								<image class="load-icon" src="http://qny.yijiumy.com/empty-20240422200728.png"></image>
								<view class="load-txt">暂无数据</view>
							</view>
							<view v-else><!-- 别问我为什么要写一个 v-else 的空 view,不写H5平台就会有CSS生效的离谱BUG --></view>
						</template>
					</helang-waterfall-list>
				</view>
				<!-- <HotMerchant></HotMerchant> -->
				<!-- 大家都在搜 -->
				<!-- <MasterSearch></MasterSearch> -->
				<!-- 急速送达 -->
				<!-- <PromptDelivery></PromptDelivery> -->
			</view>
			<Coupon-window :coupon-list="couponList" v-if="showCoupon" @checked="couponClose" @close="couponClose">
			</Coupon-window>
			<!-- <CustomFooter></CustomFooter> -->
			<!-- 授权 -->
			<!-- <btnlogin ref="son" :zheshow='zheshow' /> -->
		</scroll-view>
	</view>
</template>
<script>
	import {
		mapState,
		// mapActions,
		mapGetters
	} from "vuex";
	import {
		getProducts
	} from "@/api/store";
	// import {
	// 	yxSystemGroupData
	// } from "@/api/custom";

	import helangWaterfallList from "@/uni_modules/helang-waterfall/components/waterfall/waterfall-list"
	// import {
	// 	yxSystemMerchantStore
	// } from "@/api/business";
	// import GoodList from "@/components/GoodList";
	// import PromotionGood from "@/components/PromotionGood";
	// import CouponWindow from "@/components/CouponWindow";
	import Menu from "@/components/Menu";
	// import Adv from "@/components/sh-adv";
	// import Groupon from "@/components/sh-groupon.vue";
	import Banner from "./components/Banner";
	// import HotCommodity from "./components/HotCommodity";
	// import FirstNewProduct from "./components/FirstNewProduct";
	// import ProductsRecommended from "./components/ProductsRecommended";
	import seamless from "@/components/seamless";
	// import HotMerchant from "@/components/HotMerchant";
	// import PromptDelivery from "@/components/PromptDelivery";
	// import Live from "./components/Live"
	import {
		getHomeData,
		getShare,
		// getUserSignList
		// buyVip
	} from "@/api/public";
	// import MasterSearch from '@/components/MasterSearch'
	// import btnlogin from '@/components/butlogin';
	import {
		postUserEdit,
	} from "@/api/user";
	// import { weappPay } from "@/libs/wechat";
	// const HAS_COUPON_WINDOW = "has_coupon_window";
	import {
		customUpdateAvatar
	} from "@/utils/customUpdateAvatar"
	import {
		yxStoreMerchantCategory,
		yxSystemMerchantStore
	} from "@/api/business";
	export default {
		name: "Index",
		components: {
			"helang-waterfall-list": helangWaterfallList,
			// swiper,
			// swiperSlide,
			// PromptDelivery,
			// GoodList,
			// PromotionGood,
			seamless,
			// HotMerchant,
			// CouponWindow,
			Menu,
			// Adv,
			// Groupon,
			Banner,
			// HotCommodity,
			// FirstNewProduct,
			// ProductsRecommended,
			// MasterSearch
			// Live,
			// btnlogin
		},
		props: {},
		// watch: {
		// 	userInfo() {
		// 		if (!this.userInfo.isVip && this.userInfo.roleLevel == 1) {
		// 			this.events_pic = true
		// 		} else {
		// 			this.events_pic = false
		// 		}
		// 	}
		// },return {


		data: function() {

			const s = "",
				id = 0,
				title = "";
			return {
				// text1: 'uView UI众多组件覆盖开发过程的各个需求，组件功能丰富，多端兼容。让您快速集成，开箱即用',
				autoplay: true,
				interval: 3000,
				bgUrl: "https://cdn.pixabay.com/photo/2020/09/05/19/38/landscape-5547401_1280.png",



				// Boolean: true,
				// 瀑布流组件相关
				waterfall: {
					status: "",
					reset: false,
					list: []
				},
				hostProduct: [],
				Switch: true,
				where: {
					limit: 8,
					page: 1,
					// sid: 1,
					keyword: '',
					news: 0,
					priceOrder: "",
					salesOrder: "",
				},
				load: true,
				price: 0,
				stock: 0,
				uid: '',
				nows: false,




				active: "weixin",
				seamData: {
					image: 'https://qny.yijiumy.com/T_xhyzc.png',
					type: 1
				},
				barHeight: 0,
				// events_pic: false,
				CustomBar: this.CustomBar,
				StatusBar: this.StatusBar,
				formatMenus: [],
				categoryCurrent: 0,
				menuNum: 4,
				bgcolor: "",
				// ubgColor: "",
				// userSignList: [],
				swiperCurrent: 0, //轮播下标
				webviewId: 0,
				showCoupon: false,
				// logoUrl: "",
				banner: [],
				menus: [{
						pic: 'https://qny.yijiumy.com/1855/commodity_icon.png',
						name: '全部商品',
						uniapp_url: '/pages/shop/GoodsList/index'
					},
					{
						pic: 'https://qny.yijiumy.com/1855/coupon_icon.png',
						name: '优惠券',
						uniapp_url: '/userPack/pages/user/coupon/GetCoupon/index'
					},
					{
						pic: 'https://qny.yijiumy.com/1855/enterprise_icon.png',
						name: '企业资讯',
						uniapp_url: '/pages/shop/news/NewsList/index'
					},
					// {
					// 	pic: 'https://qny.yijiumy.com/1855/home_icon.png',
					// 	name: '关于企业',
					// 	uniapp_url: '/userPack/pages/user/agreement/index'
					// },

				],
				combinationList: [],
				roll: [],
				activity: [],
				activityOne: {},
				bastList: [],
				firstList: [],
				info: {
					fastList: [],
					bastBanner: [],

					bastList: [],
				},
				model: {
					latitude: "",
					longitude: "",
					page: 1,
					size: 10,
					state: '2'
				},
				likeInfo: [],
				live: [],
				lovely: [],
				benefit: [],
				couponList: [],
				businessList: [
					{
						name:'红酒，让你在微醺中感受优雅的魅力。',
						time:'2024.5.10  12:45',
						image:''
						
					}
				],
			
				// recommendation: []
				// bgImage: ""
				// zheshow: false
			};
		},
		computed: {
			...mapGetters(["userInfo", "location"]),
			// singNew() {
			// 	return this.roll.length > 0 ? this.roll[0] : "你还没添加通知哦！";
			// },
			// customStyle() {
			//   var bgImage = this.bgImage;
			//   // var style = `height:${this.CustomBar}px;padding-top:${0}px;background: ${this.bgcolor}`;
			//   var style = `height:${this.CustomBar}px;padding-top:${this.StatusBar}px;background: ${this.bgcolor}`;
			//   if (this.bgImage) {
			//     style = `${style}background-image:url(${bgImage});`;
			//   }
			//   return style;
			// },
		},
		onHide() {
			// this.$refs.seamless.clear()
		},
		mounted() {
			this.model.latitude = this.location.latitude
			this.model.longitude = this.location.longitude
			this.getList();
			// this.getBusinessList()
			// #ifdef MP-WEIXIN
			uni.getSystemInfo({
				success: (res) => {
					const statusBarHeight = res.statusBarHeight || 0;
					const menuButtonInfo = uni.getMenuButtonBoundingClientRect();
					const info = uni.getSystemInfoSync()
					//设置状态栏高度
					this.barHeight = menuButtonInfo.height + (menuButtonInfo.top - statusBarHeight) * 2 + info
						.statusBarHeight + 3;
					console.log('导航栏高度:', this.barHeight);
				},
				fail: (err) => {
					console.error('获取系统信息失败:', err);
				}
			});
			// #endif

			// yxSystemGroupData({
			// 	groupName: 'recommendation'
			// }).then(res => {
			// 	this.recommendation = res.data
			// 	this.Boolean = true
			// })




		},
		onShow() {
			// this.$refs.seamless.Interval()
			// 评论 名称
			// dirty_politics	文本审核不通过，涉及政治敏感
			// dirty_porno	文本审核不通过，涉及色情
			// dirty_curse	文本审核不通过，涉及辱骂
			// other	文本审核通过，不涉及政治、色情、辱骂
			// 如何判断是否为敏感内容
			// dirty_politics,dirty_porno, dirty_curse, other 4 个字段相加为 1，四个字段均为浮点类型数字

			// 当 other == 1 为绝对安全, 但通过率较低
			// 当 0.8 < other < 1 或 0.9 < other < 1 为相对安全, 可根据业务使用情况自行控制
			// var plugin = requirePlugin("chatbot");
			// plugin.init({
			// 	appid: "O25DmAZ5mk4Tz4CU0N9z5xSRorHOfd",
			// 	openid: this.userInfo.openId,
			// 	success: () => {}, //非必填
			// 	fail: (error) => {} //非必填
			// });
			// plugin.api.nlp('sensitive', {q: ``, mode: 'cnn'}).then(res => {
			//     console.log("sensitive:", res)
			// })
		},
		created() {
			let that = this;

			uni.showLoading({
				title: "加载中",
			});
			getHomeData().then((res) => {
				// that.logoUrl = res.data.logoUrl;
				res.data.banner.map((item) => (item.bgcolor = item.color || ""));
				that.$set(that, "banner", res.data.banner);
				// that.$set(that, "menus", res.data.menus);
				that.$set(that, "roll", res.data.roll);
				that.$set(that, "info", res.data.info);

				that.$set(that, "firstList", res.data.firstList);
				that.$set(that, "bastList", res.data.bastList);
				that.$set(that, "likeInfo", res.data.likeInfo);
				that.$set(that, "live", res.data.liveList);
				that.$set(that, "lovely", res.data.lovely);
				that.$set(that, "benefit", res.data.benefit);
				that.$set(that, "couponList", res.data.couponList);
				that.$set(that, "combinationList", res.data.combinationList);
				uni.hideLoading();
				that.setOpenShare();
			});
			// getUserSignList().then(res => {
			// 	that.userSignList = res.data
			// })
		},
		methods: {
			GoList(type) {
				if (type == 1) {
					this.$yrouter.reLaunch({
						path: "/pages/launch/index",
						query: {
							type:'GoodsList',
							status:1
						}
					});
					
				} else {
					this.$yrouter.push({
						path: "/pages/shop/Booklist/index",
						query: {
							type
						}
					});
				}

			},

			goBusiness(item) {
				this.$yrouter.push({
					path: "/businessPack/pages/business/details/index",
					query: {
						id: item.id,
						latitude: this.location.latitude,
						longitude: this.location.longitude
					}
				});
			},
			goRouter(url) {
				this.$yrouter.push({
					path: url,
					// query:{
					// 	id: item.id,
					// 	latitude: this.location.latitude,
					// 	longitude: this.location.longitude
					// }
				});
			},
			getPhone(){
				uni.makePhoneCall({
				phoneNumber: this.userInfo.superPhone
			});
			},
			
			// getBusinessList() {
			// 	yxSystemMerchantStore(this.model).then((res) => {

			// 		this.businessList = res.data.content

			// 	});
			// },

			loadMore() {
				this.getList();
			},
			// 清空瀑布流数据
			clearData() {
				this.$refs.helangWaterfallList.resetData()
			},

			// 瀑布流组件点击事件
			onClick(id) {
				this.$yrouter.push({
					path: '/pages/shop/GoodsCon/index',
					query: {
						id
					}
				});
			},
			// 瀑布流组件渲染完成
			onDone() {
				// 设置组件为 非重置，这行代码保留不删即可
				this.waterfall.reset = false;

				// 恢复 getList 方法的调用
				this.load = true;
				this.where.page = this.where.page + 1;

				// 设置组件状态为 等待加载
				this.waterfall.status = 'await';
			},
			// 获取数据
			getList() {
				if (!this.load) {
					return;
				}
				this.load = false;
				var that = this;
				// 设置状态为加载中
				this.waterfall.status = 'loading';
				getProducts(this.where).then((res) => {
					// 第一页数据执行以下代码
					if (that.where.page == 1) {
						// 关闭下拉
						// uni.stopPullDownRefresh();

						// 设置组件状态为 重置，可供下拉刷新这类需要重置列表功能时使用
						this.waterfall.reset = true;
					}

					// 数据无效时处理
					if (!res || !res.data.length) {
						// 设置组件为 加载结束 状态
						this.waterfall.status = 'finish';
						return;
					}

					// 将数据赋值给瀑布流 list 属性
					this.waterfall.list = res.data;
					// 设置组件为 加载成功 状态，此时瀑布流组件开始计算当前数据的布局
					this.waterfall.status = 'success';
				});
			},
			// onBuyVip() {
			// 	buyVip().then((res) => {
			// 		weappPay(res.data.result).finally(res => {}).then(res => {
			// 			console.log(res)
			// 		  // #ifdef MP-WEIXIN
			// 		  // subscribeMessage()
			// 		  // #endif
			// 		  this.events_pic = false
			// 		  // 更新本地用户信息
			// 		  this.$store.dispatch("userInfo", true);
			// 		  // 跳转抽奖
			// 		  this.$yrouter.push({
			// 		    path: "/userPack/pages/user/draw/index"
			// 		  });

			// 		}).catch(res => {
			// 			console.log("catch")
			// 		})
			// 	});
			// },
			// login_zheshow() {
			// 	if (!this.userInfo.phone) {
			// 		this.zheshow = !this.zheshow
			// 	} else {
			// 		// 调用支付
			// 		this.onBuyVip()
			// 	}
			// },
			// async loset(Logon_Credentials) {
			// 	const result = await customUpdateAvatar(Logon_Credentials.active)
			// 	console.log(Logon_Credentials, '登录信息')
			// 	let data = {}
			// 	data.nickname = Logon_Credentials.nickname
			// 	data.avatar = result
			// 	this.editUser(data)
			// 	this.$refs.son.colse()
			// 	// 调用支付
			// 	this.onBuyVip()

			// },
			// editUser(data) {
			// 	let that = this
			// 	postUserEdit({
			// 		nickname: trim(data.nickname),
			// 		avatar: data.avatar,
			// 	}).then(
			// 		(res) => {
			// 			that.$store.dispatch("userInfo", true);
			// 			uni.showToast({
			// 				title: res.msg,
			// 				icon: "none",
			// 				duration: 1500,
			// 			});
			// 		},
			// 		(err) => {
			// 			uni.showToast({
			// 				title: err.msg || err.response.data.msg || err.response.data.message,
			// 				icon: "none",
			// 				duration: 2000,
			// 			});
			// 		}
			// 	);
			// },
			onShareTimeline: function() {
				return {
					title: `亿久生活`,
					imageUrl: ``,
					path: "pages/Loading/index?spread=" + uni.getStorageSync("uid"),
				};
			},
			onShareAppMessage: function() {
				return {
					title: `亿久生活`,
					imageUrl: ``,
					path: "pages/Loading/index?spread=" + uni.getStorageSync("uid"),
				};
			},
			goGoodSearch() {
				this.$yrouter.push({
					path: "/pages/shop/GoodSearch/index",
					query: {
						type: "good"
					}
				});
			},
			goWxappUrl(item) {
				this.$yrouter.push(item.uniapp_url);
			},
			// goHotNewGoods(type) {
			// 	this.$yrouter.push({
			// 		path: "/pages/shop/HotNewGoods/index",
			// 		query: {
			// 			type,
			// 		},
			// 	});
			// },
			goGoodsCon(item) {
				this.$yrouter.push({
					path: "/pages/shop/GoodsCon/index",
					query: {
						id: item.id,
					},
				});
			},
			// goGoodsPromotion() {
			// 	this.$yrouter.push("/pages/shop/GoodsPromotion/index");
			// },
			setOpenShare: function() {
				if (this.$deviceType == "weixin") {
					getShare().then((res) => {
						var data = res.data.data;
						var configAppMessage = {
							desc: data.synopsis,
							title: data.title,
							link: location.href,
							imgUrl: data.img,
						};
						this.openShareAll(configAppMessage);
					});
				}
			},
			// startQr: function () {
			//   uni.scanCode({
			//     success: (res) => {
			//       let option = handleUrlParam(res.result);
			//       switch (option.pageType) {
			//         case "good":
			//           // 跳转商品详情
			//           this.$yrouter.push({
			//             path: "/pages/shop/GoodsCon/index",
			//             query: {
			//               q: res.result,
			//             },
			//           });
			//           break;
			//         case "group":
			//           // 跳转团购
			//           this.$yrouter.push({
			//             path: "/activityPack/pages/activity/GroupRule/index",
			//             query: {
			//               q: res.result,
			//             },
			//           });
			//           break;
			//         case "dargain":
			//           // 跳转砍价
			//           this.$yrouter.push({
			//             path: "/activityPack/pages/activity/DargainDetails/index",
			//             query: {
			//               q: res.result,
			//             },
			//           });
			//           break;
			//         default:
			//           // 跳转分销
			//           this.$yrouter.push({
			//             path: "/pages/Loading/index",
			//             query: {},
			//           });
			//           break;
			//       }
			//     },
			//   });
			// },
		},
		// onPageScroll: function(e) { //nvue暂不支持滚动监听，可用bindingx代替
		// 	if (e.scrollTop > 0) {
		// 		this.ubgColor = "#EB5C20"
		// 	} else {
		// 		this.ubgColor = ""
		// 	}
		// }
	};
</script>
<style scoped lang="less">
	.phone{
		padding-top: 25rpx;
		width: 140rpx;
		height: 140rpx;
		border-radius: 50%;
		color: #fff;
		text-align: center;
		z-index: 200;
		position: fixed;
		bottom: 300rpx;
		right: 20rpx;
		align-items: center;
		background-color: rgb(159 43 69) ;
		box-shadow: #333333 0rpx 0rpx 15rpx;
	}
	.enterprise {
		margin: auto;
		width: 690rpx;
		background: url('https://qny.yijiumy.com/1855/icon_bg.png') no-repeat;
		background-size: cover;
		padding-left: 15rpx;
	}

	.title_top {
		position: absolute;
		top: 17rpx;
		left: 15rpx;
		font-weight: bold;
		font-size: 24rpx;
		color: #FFFFFF;
	}

	.slogan {
		width: 690rpx;

		display: flex;
		justify-content: space-between;
		font-weight: 500;
		font-size: 24rpx;
		color: #333333;
		line-height: 36px;
		margin: 10rpx auto;

		view {
			display: flex;
			align-items: center;
		}

		image {
			width: 26rpx;
			height: 26rpx;
			margin-right: 11rpx;
		}
	}

	// .get_icon {
	// 	width: 132rpx;
	// 	height: 118rpx;
	// 	position: absolute;
	// 	top: 407rpx;
	// 	right: 7rpx;

	// }

	.super-slide {
		width: 750rpx;
		position: absolute;
		transform: scale(0.6);
		top: -27%;
		right: -23%;
	}

	.merchant:nth-child(1) {
		margin: 0 15rpx 0 0 !important;
	}

	.merchant {
		width: 530rpx;
		height: 320rpx;
		background: #FFFFFF;
		padding: 15rpx 12rpx 18rpx;
		border-radius: 10rpx;
		margin: 0 15rpx;

	}

	.index {
		background-color: #F7F9FB;
	}

	/deep/.u-search {
		width: 320rpx !important;
	}

	/deep/.u-search__content {
		// border-radius: 8rpx !important;
	}

	/deep/.u-search__action {
		display: none;
	}

	/deep/.u-search__content {
		background-color: rgba(255, 255, 255, .4) !important;
	}

	/deep/.input-placeholder {
		color: #fff !important;
	}

	/deep/.u-search__content__input {
		background-color: rgba(255, 255, 255, 0) !important;
	}

	.load-txt {
		padding: 0 0 20rpx 0;
		text-align: center;
		color: #999;
		font-size: 24rpx;
	}

	.flow {
		overflow: hidden;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		/* 设置最大显示行数 */
		-webkit-box-orient: vertical;
		text-overflow: ellipsis;
	}

	.load-icon {
		width: 300rpx;
		height: 300rpx;
		margin: 0 auto 20rpx auto;
		display: block;
	}



	// .image-events {
	// 	height: 100vh;
	// 	width: 100%;
	// 	position: fixed;
	// 	top: 0px;
	// 	z-index: 200;
	// 	display: flex;
	// 	align-items: center;
	// 	justify-content: center;
	// 	background-color: rgba(0, 0, 0, 0.3);

	// 	.close {
	// 		width: 80rpx;
	// 		height: 80rpx;
	// 		background: #000000;
	// 		border-radius: 40rpx;
	// 		opacity: 0.5;
	// 		margin: auto;
	// 		display: flex;
	// 		align-items: center;
	// 		justify-content: center;
	// 	}

	// 	/deep/.u-icon__icon {
	// 		color: #ccc !important;
	// 	}

	// 	image {
	// 		width: 750rpx;
	// 		height: 900rpx;
	// 	}
	// }

	.title-box {
		width: 710rpx;
		height: 50rpx;
		display: flex;
		justify-content: space-between;
		margin: 50rpx auto 30rpx;
		padding: 0 20rpx;
		position: relative;
		border-radius: 30rpx;

		.Proaduct-box {
			// margin: 15rpx 0;
			width: 500rpx;
			height: 50rpx;
			display: flex;

			.title-item {
				position: relative;
				margin-right: 20rpx;

				.img-active {
					position: absolute;
					bottom: -5rpx;
				}
			}

			.more {
				width: 150rpx;
				// line-height: 50rpx;
				white-space: pre-wrap;
			}
		}
	}

	.home_content_box {
		margin-top: 22rpx;
	}
</style>